<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>NCAir（软件工程作业）</title>
    <!--<link rel="icon" href="favicon.png" type="image/png">-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./static/css/bootstrap.min.css">
    <link rel="stylesheet" href="./static/css/dashboard.css">
    <link rel="stylesheet" href="./static/css/air.css">
    <script type="text/javascript" src="./static/js/jquery.min.js"></script>
    <script type="text/javascript" src="./static/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="./static/js/vue.min.js"></script>
    <script type="text/javascript" src="./static/js/vue-router.js"></script>

</head>
<body>
<div id="vue_div">
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="./index.html">NCAir .co（软件工程作业）</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"
                           aria-haspopup="true" aria-expanded="false"> {{this.arg}} <span class="badge">0</span> <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <template>
                                <li><a href="#">综合查询</a></li>
                                <li><a href="#">信息中心</a></li>
                                <li><a href="#">用户管理</a></li>
                                <li><a href="#">客服中心</a></li>
                                <li><a href="#">系统消息</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="./index.html" >退出登录</a></li>
                            </template>

                        </ul>
                    </li>
                </ul>
                <form class="navbar-form navbar-right">
                    <input type="text" class="form-control" placeholder="查询...">
                </form>
            </div>
        </div>
    </nav>
    <div class="container-fluid">
        <br>
        <div class="row">
            <div class="col-sm-2 hidden-xs">
                <ul class="nav nav-pills nav-stacked nav-fixed">
                    <li role="presentation" class="active"><a href="#">概览</a></li>
                    <hr>
                    <li role="presentation"><a href="#">客户管理</a></li>
                    <li role="presentation"><a href="#">航班管控</a></li>
                    <li role="presentation"><a href="#">合作单位</a></li>
                    <li role="presentation"><a href="#">人事管理</a></li>
                    <hr>
                    <li role="presentation"><a href="#">财务报表</a></li>
                    <li role="presentation"><a href="#">工单查询</a></li>
                </ul>
            </div>
            <div class="col-sm-10">


                <div class="row">
                    <div class="col-xs-12 col-sm-6  table-responsive ">

                        <div class="panel panel-default">
                            <div class="panel-heading"><h4 align="center"><span class="glyphicon glyphicon-th-large"></span>当前事务</h4></div>
                            <table class="table table-hover table-bordered table-striped">
                                <tr>
                                    <th></th>
                                    <th>状态</th>
                                    <th>编号</th>
                                    <th>摘要</th>
                                    <th>详情</th>
                                </tr>
                                <tr class="danger">
                                    <td><input type="checkbox"></td>
                                    <td>待处理</td>
                                    <td>00000</td>
                                    <td>迫降请求</td>
                                    <td>航班40015请求迫降周水子机场</td>
                                </tr>
                                <tr>
                                    <td><input type="checkbox"></td>
                                    <td>待处理</td>
                                    <td>10022</td>
                                    <td>收货确认</td>
                                    <td>双十一购买的波音787请签收</td>
                                </tr>
                                <tr>
                                    <td><input type="checkbox"></td>
                                    <td>待处理</td>
                                    <td>10024</td>
                                    <td>应届生招聘</td>
                                    <td>派遣人事部前往大学招收应届毕业生</td>
                                </tr>
                                <tr class="info">
                                    <td><input type="checkbox" disabled></td>
                                    <td>已处理</td>
                                    <td>10010</td>
                                    <td>福利分发</td>
                                    <td>11月末奖金分发</td>
                                </tr>
                                <tr class="info">
                                    <td><input type="checkbox" disabled></td>
                                    <td>已处理</td>
                                    <td>09010</td>
                                    <td>福利分发</td>
                                    <td>10月末奖金分发</td>
                                </tr>
                                <tr class="info">
                                    <td><input type="checkbox" disabled></td>
                                    <td>已处理</td>
                                    <td>08010</td>
                                    <td>福利分发</td>
                                    <td>9月末奖金分发</td>
                                </tr>
                                <tr>
                                    <td colspan="5" align="center">查看更多</td>

                                </tr>
                            </table>
                        </div>
                        
                        <div class="btn-group" role="group" style="display:table;width:auto;margin-left:auto;margin-right: auto">
                            <button class="btn btn-primary "><span class="glyphicon glyphicon-ok"></span>处理</button>
                            <button class="btn btn-primary "><span class="glyphicon glyphicon-remove"></span>忽略</button>
                        </div>

                    </div>
                    <div class="col-xs-12 col-sm-6  table-responsive">
                        <div class="panel panel-default">
                            <div class="panel-heading"><h4 align="center"><span class="glyphicon glyphicon-plane"></span>航班列表</h4></div>
                        <table class="table table-hover table-bordered table-striped">
                            <tr>
                                <th>状态</th>
                                <th>航号</th>
                                <th>起始</th>
                                <th>起飞时间</th>
                                <th>到达</th>
                                <th>预计到达</th>
                            </tr>
                            <tr class="success">
                                <td>飞行中</td>
                                <td>10001</td>
                                <td>大连周水子国际机场</td>
                                <td>2017-12-1 13：01</td>
                                <td>上海浦东机场</td>
                                <td>2017-12-1 17：20</td>
                            </tr><tr class="info">
                                <td>登机中</td>
                                <td>30002</td>
                                <td>大连周水子国际机场</td>
                                <td>2017-12-1 14：10</td>
                                <td>日本羽田国际机场</td>
                                <td>2017-12-1 19：00</td>
                            </tr><tr >
                                <td>候机</td>
                                <td>40003</td>
                                <td>莫斯科国际机场</td>
                                <td>2017-12-1 14：45</td>
                                <td>天津滨海国际机场</td>
                                <td>2017-12-1 15：20</td>
                            </tr><tr>
                                <td>候机</td>
                                <td>10004</td>
                                <td>大连周水子国际机场</td>
                                <td>2017-12-1 15：55</td>
                                <td>中国首都国际机场</td>
                                <td>2017-12-1 16：55</td>
                            </tr>
                            <tr>
                                <td colspan="6" align="center">查看更多</td>
                            </tr>
                        </table>
                    </div>
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="panel panel-default">
                        <div class="panel-heading"><h4 align="center"><span class="glyphicon glyphicon-cloud"></span>12月天气</h4></div>
                            <div class="panel-body">
                                <div class="col-xs-12 col-sm-8">
                                    <img class="img-responsive" src="./static/img/weather.png" alt="">
                                </div>
                                <div class="col-xs-12 col-sm-4 table-responsive">
                                    <table class="table table-hover table-bordered table-striped">
                                        <tr>
                                            <th>日期</th>
                                            <th>天气</th>
                                            <th>风向</th>
                                            <th>风力</th>
                                        </tr>
                                        <tr>
                                            <td>2017-12-01</td>
                                            <td>阴转多云</td>
                                            <td>东北风</td>
                                            <td>微风</td>
                                        </tr><tr>
                                            <td>2017-12-02</td>
                                            <td>阴</td>
                                            <td>东北风</td>
                                            <td>东北风4-5级</td>
                                        </tr><tr>
                                            <td>2017-12-03</td>
                                            <td>阴转多云</td>
                                            <td>东北风</td>
                                            <td>微风</td>
                                        </tr><tr>
                                            <td>2017-12-04</td>
                                            <td>雨</td>
                                            <td>东南风</td>
                                            <td>东南风3-4级</td>
                                        </tr><tr>
                                            <td>2017-12-05</td>
                                            <td>雨转多云</td>
                                            <td>西北风</td>
                                            <td>西北风5-6级</td>
                                        </tr>
                                        <tr>
                                            <td colspan="4" align="center">查看更多</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                         </div>

                 </div>
            </div>
        </div>
    </div>
</div>

</body>
<script>
    window.onload=function () {

        new Vue({
            el: '#vue_div',
            data:{
                arg:location.search.substring(1).replace('name=',''),
            },
            method:{

            }
        });


    }
</script>
<style>
    .nav-fixed{
        position: fixed;
        left: 10px;
        top:10%;
        width:15%;
    }
</style>
</html>